<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    
    p::before{
      content：你好未来;
      content: url(img3.png);
    }/*::before用双冒号在css只用一个冒号写法更兼容表达的意思是在p标签的前面插入内容*/
    p::after{
    content: 再见过去;
}/*::after与上述同理但表达的意思是在p标签前插入内容*/
p{
    display:none;
}
/*display:none属性用来隐藏内容，display：block用来显示文本内容*/
</style>

<body>
    <p>明天你好</p>
</body>
</html>
